@extends('home.pblic.publichead')
@section('content')
 <style type="text/css">
    .pagination {
      display: inline-block;
      padding-left: 0;
      margin: 20px 0;
      border-radius: 4px;
    }
    .pagination > li {
      display: inline;
    }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #428bca;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd;
    }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
      color: #2a6496;
      background-color: #eee;
      border-color: #ddd;
    }
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    }
    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
      color: #777;
      cursor: not-allowed;
      background-color: #fff;
      border-color: #ddd;
    }
  </style>
<div id="wrapper">
  <div id="content">

    <div class="grid-16-8 clearfix">
      <div class="article">
        <div id="db-usr-profile">
          <div class="pic">
            <a href="#">
              <img src="{{ $cates[0]->pic }}" alt="小花狗" width="48" height="48">
            </a>
          </div>
          <div class="info">
            <h1>我的日记</h1>
            <ul>
              <li>
                <a href="https://www.douban.com/people/152396318/">我的主页</a>
              </li>
              <li>
                <a href="https://www.douban.com/people/152396318/statuses">广播</a></li>
              <li>
                <a href="https://www.douban.com/people/152396318/photos">相册</a></li>
              <li>
                <a href="https://www.douban.com/people/152396318/notes">日记</a></li>
              <li>
                <a href="https://www.douban.com/people/152396318/likes/">喜欢</a></li>
              <li>
                <a href="https://www.douban.com/people/152396318/doulists">豆列</a></li>
            </ul>
          </div>
        </div>
<div id="note-586670010" class="note-container" data-url="https://www.douban.com/note/586670010/" data-author="小花狗" data-is-original="0">
@foreach($cates as $k=>$v)
<div id="asd">
    <div class="clear"></div>
    <div class="note-header-container">
        <h3>         
          <a title="{{ $v->title }}" href="/home/day/hf/{{ $v->id }}">{{ $v->title }}</a>
        </h3>
        <div>
            <span class="pl">{{$v->dtime}}</span>
        </div>
    </div>
</div>  
@endforeach 
{!! $cates->render() !!}
  </div>
  </div> 
   
     <script type="text/javascript">

          $('#tb-586670010').click(function(){
            $(this).css('display','none').siblings().css('display','block').parents('.note-header-container').find('#note_586744891_short').css('display','none')
           $(this).parents('#asd').find('#note_586744891_full').slideToggle();
          });  
          $('.a_folder_n').click(function(){
            alert(2222);
            // alert($);
          });  
    </script> 
<!-- 右侧信息栏------------------------------------------------------ -->
  <div class="aside">
        <p class="indent">
            <a href="{{ url('/home/day/add') }}"><img src="/Images/new_note.gif"></a>
        </p> 
    <script>
        $(document).ready(function(){
            var tag_box = $('.author-tags'),
                a_more_tag = tag_box.parent().find('h2 .pl'),
                show_more_tags = $('<a class="more-tags" href="javascript: void 0;">...</a>')
                people_tags = $('.people_tags'),
                last_shown_tag = $(),
                people_tags_more = $('.people_tags_more')

            function showTags() {
                people_tags_more.show();
                a_more_tag.hide();
                show_more_tags.hide();
            };
            a_more_tag.hide();
            $('span', '.people_tags_more').each(function(i, tag) {
                tag = $(tag)
                tag.appendTo(people_tags)
                if (people_tags.height() > 68) {
                    people_tags_more.prepend(tag)
                    people_tags_more.prepend(last_shown_tag)
                    show_more_tags.appendTo(people_tags)
                    a_more_tag.show()
                    return false
                }
                last_shown_tag = tag
            })
            tag_box.addClass('visible')
            a_more_tag.click(function() {
                showTags();
                return false;
            });
            show_more_tags.click(function() {
                showTags();
                return false;
            });
            $('#note_tooltip').tooltip();
        })
    </script>
    <div class="mod">
        <h2>
        我的日记标签
            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
            <span class="pl" style="display: none;">&nbsp;(
                
                    <a href="#" target="_self">全部</a>
                ) </span>
    </h2>
        <div class="author-tags visible">
            <div class="people_tags">
            <span><a href="https://www.douban.com/note/tags/%E8%AF%BB%E4%B9%A6?people=152396318">读书 2</a></span><span><a href="https://www.douban.com/note/tags/%E7%94%B5%E5%BD%B1?people=152396318">电影 1</a></span><span><a href="https://www.douban.com/note/tags/%E9%9F%B3%E4%B9%90?people=152396318">音乐 1</a></span></div>
            <div class="people_tags_more">         
            </div>
        </div>
    </div>
        <div class="recent-replies-mod mod">      
    <h2>
        最新回应
            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
    </h2> 
    <ul class="comment-list">       
            <li>
                <a href="#" class="avatar"><img src="{{ $newhf->pic }}" width="36" height="36" alt="{{ $newhf->username }}"></a>  
                
                <a href="https://www.douban.com/people/152396318/" class="lnk-people">{{ $newhf->username }}</a>
                <span class="pl">{{ $newhf->date }}&nbsp;的回应：</span>
                <p>
                    <a href="https://www.douban.com/link2/?url=http%3A%2F%2Fwww.douban.com%2Fnote%2F586582748%2F%2346764795&amp;type=note&amp;pos=sidebar_comments" onclick="moreurl(this, {from:'note_last_comments'})">..........</a>
                </p>
            </li>           
    </ul>
        </div>       
        <div class="recent-replied-mod mod">        
    <h2>
        最近回应过的日记
            &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
    </h2>   
    <ul class="comment-list">       
            <li>
                <a href="https://www.douban.com/people/152231119/" class="avatar">
                    <img src="https://img3.doubanio.com/icon/u152231119-2.jpg" width="36" height="36" alt="花语">
                </a>
                <a href="https://www.douban.com/people/152231119/" class="lnk-people">花语</a>
                <span class="pl">的日记：</span>
                <p><a href="https://www.douban.com/link2/?url=http%3A%2F%2Fwww.douban.com%2Fnote%2F585639434%2F&amp;type=note&amp;pos=sidebar_commented_notes" onclick="moreurl(this, {from:'note_commented_notes'})">ewqewqe</a></p>
            </li>            
    </ul>
        </div>
    <div class="mod feed-mod">   
  </div>
        <form id="form_rss" method="post" style="display:none; margin-top: -20px;"><div style="display:none;"><input type="hidden" name="ck" value="_k2s"></div>
            <div>
                <input type="radio" name="rss_type" checked="&quot;checked&quot;" value="S">
                <span>输出摘要</span>
                <input type="radio" name="rss_type" value="F">
                <span>输出全文</span>
                <p>
                    <input name="rss_edit" type="submit" value="保存">
                    <input id="cancel_b" name="rss_cancel" type="button" value="取消">
                    <input id="uid" name="uid" type="hidden" value="152396318">
                </p>
            </div>
        </form>
        </div>
  <div>
</div>
</div>
</div>

@endsection
@section('myjs')
@endsection
